<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<style type="text/css">
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
</style>
 
</head>
 
<body>
 
<p><b><a href="/index.html" target="_blank">这是一个链接。</a></b></p>
<p><b>注释：</b>在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！</p>
<p><b>注释：</b>在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！</p>
<!--  -->
	<!-- 	 <div id="warp" onmouseover="over()" onmouseout="out()">33232
    <div id="text" style="display: none;">这里面有一段文字</div>
    </div> -->

<!-- <script type="text/javascript">
function over(){
    var div = document.getElementById('warp');//获取大div对象
    var text = document.getElementById('text');//获取文字div对象
    text.style.display="block";
}//鼠标进入显示文字
function out(){
    var div = document.getElementById('warp');
    var text = document.getElementById('text');
    text.style.display="none";
}//鼠标退出不显示文字
</script> -->
	
</body>
</html>